<!DOCTYPE html>
<html>

	<head>

		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">


		<title>H+ dashboard</title>
		<link rel="shortcut icon" href="../content/static/img/favicon.ico">
		<link href="../content/static/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
		<link href="../content/static/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
		<!-- Morris -->
		<link href="../content/static/css/plugins/morris/morris-0.4.3.min.css" rel="stylesheet">
		<!-- Gritter -->
		<link href="../content/static/js/plugins/gritter/jquery.gritter.css" rel="stylesheet">
		<link href="../content/static/css/animate.min.css" rel="stylesheet">
		<link href="../content/static/css/style.min.css?v=4.0.0" rel="stylesheet">
		<link href="../content/static/css/home.css?v=4.0.0" rel="stylesheet">
		<script src="../content/js/iconfont.js"></script>
	</head>

	<body class="content-container">
		<div class="wrapper wrapper-content animated fadeInRight">
			<div class="row">
				<div class="col-sm-12">
					<div class="page" id="content_SiteContent">
						<div class="page-content clearfix">
							<div class="">
								<div class="page-panel receipts-panel">
									<h3 class="page-panel-title">
										我的单据
										<a class="page-panel-more" style="cursor: pointer">
										</a>
									</h3>
									<div class="row">
									            <div class="col-sm-3">
									                <div class="ibox float-e-margins">
									                    <div class="ibox-title">
									                        <span class="label label-success pull-right">月</span>
									                        <h5>收入</h5>
									                    </div>
									                    <div class="ibox-content">
									                        <h1 class="no-margins">40 886</h1>
									                    </div>
									                </div>
									            </div>
									            <div class="col-sm-3">
									                <div class="ibox float-e-margins">
									                    <div class="ibox-title">
									                        <span class="label label-info pull-right">全年</span>
									                        <h5>订单</h5>
									                    </div>
									                    <div class="ibox-content">
									                        <h1 class="no-margins">275,800</h1>
									                    </div>
									                </div>
									            </div>
									            <div class="col-sm-3">
									                <div class="ibox float-e-margins">
									                    <div class="ibox-title">
									                        <span class="label label-primary pull-right">今天</span>
									                        <h5>访客</h5>
									                    </div>
									                    <div class="ibox-content">
									                        <h1 class="no-margins">106,120</h1>
									                    </div>
									                </div>
									            </div>
									            <div class="col-sm-3">
									                <div class="ibox float-e-margins">
									                    <div class="ibox-title">
									                        <span class="label label-danger pull-right">最近一个月</span>
									                        <h5>用户</h5>
									                    </div>
									                    <div class="ibox-content">
									                        <h1 class="no-margins">80,600</h1>
									                    </div>
									                </div>
									            </div>
									        </div>
								</div>
								<div class="page-panel form-panel">
									<h3 class="page-panel-title">
										常用功能快捷键
										<a class="page-panel-more" style="cursor: pointer"> </a>
									</h3>
									<div class="page-panel-cont">
										<ul class="apply-list clearfix">
											<li onclick="OpenPage('/bx/TempExpenseNew/AddTempExpenseIndex', '客户管理')">
												<a href="../customer/list.html">
													<div class="icon-wrapper icon-wrapper3">
														<svg class="icon" aria-hidden="true">
															<use xmlns:xlink="https://www.baidu.com/" xlink:href="#icon-tiaozhengshixiangshenqingdan"></use>
														</svg>
													</div>
													<p>客户管理</p>
												</a>
											</li>
											<li onclick="OpenPage('/bx/RepayTempExpense/AddIndex', '商务洽谈')">
												<a href="../customer/commucation.html">
													<div class="icon-wrapper icon-wrapper6">
														<svg class="icon" aria-hidden="true">
															<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-jiekuanchanghuandan"></use>
														</svg>
													</div>
													<p>商务洽谈</p>
												</a>
											</li>
											<li onclick="OpenPage('/bx/RoleExpensesNew/TravelApplicantionAdd', '商品管理')">
												<a href="../product/product_list.html">
													<div class="icon-wrapper icon-wrapper1">
														<svg class="icon" aria-hidden="true">
															<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-FK_Travel_claims"></use>
														</svg>
													</div>
													<p>商品管理</p>
												</a>
											</li>
											<li onclick="OpenPage('/bx/ExpenseDisbursementNew/Add', '订单管理')">
												<a href="../order/order_list.html">
													<div class="icon-wrapper icon-wrapper2">
														<svg class="icon" aria-hidden="true">
															<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-FK_Expense_reimburse"></use>
														</svg>
													</div>
													<p>订单管理</p>
												</a>
											</li>
											<li onclick="OpenPage('/bx/ExpensePayment/AddPay', '退款管理')">
												<a href="../order/charge_back_list.html">
													<div class="icon-wrapper icon-wrapper5">
														<svg class="icon" aria-hidden="true">
															<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-FK_Expense_payment_f"></use>
														</svg>
													</div>
													<p>退款管理</p>
												</a>
											</li>
											<li onclick="OpenPage('/bx/InvoicePaymentMapping/InvoicePaymentMappingIndex', '团购管理')">
												<a href="../groupbuy/group_buy_list.html">
													<div class="icon-wrapper icon-wrapper8">
														<svg class="icon" aria-hidden="true">
															<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-fapiaoguanliandan1"></use>
														</svg>
													</div>
													<p>团购管理</p>
												</a>
											</li>
											<li onclick="OpenPage('/bx/ExpenseSalary/SalaryAdd', '广告管理')">
												<a href="../spread/spreadlist.html">
													<div class="icon-wrapper icon-wrapper9">
														<svg class="icon" aria-hidden="true">
															<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-gerenpiliangzhifudan"></use>
														</svg>
													</div>
													<p>广告管理</p>
												</a>
											</li>
											<li onclick="OpenPage('/bx/ProvisionCheckSheet/ProvisionCheckSheet', '优惠券管理')">
												<a href="../spread/coupon_list.html">
													<div class="icon-wrapper icon-wrapper4">
														<svg class="icon" aria-hidden="true">
															<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-FK_Cost_bill_o_ladin"></use>
														</svg>
													</div>
													<p>优惠券管理</p>
												</a>
											</li>
											<li onclick="OpenPage('/bx/ExpenseExecutive/ExecutiveExpenseAdd', '日常收支')">
												<a href="../finance/dailyincome.html">
													<div class="icon-wrapper icon-wrapper2">
														<svg class="icon" aria-hidden="true">
															<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-yutizhifudan"></use>
														</svg>
													</div>
													<p>日常收支</p>
												</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="page-panel helping--panel">
									<h3 class="page-panel-title">
										业务趋势
										<!-- <a class="page-panel-more" href="/bx/FileManage/Center?type=1" target="_blank">
                                        更多
                                        <svg class="icon icon-more" aria-hidden="true">
                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-UI_right"></use>
                                        </svg>
                                    </a> -->
									</h3>
									<div class="page-panel-cont">
										<div class="row">
											<div class="col-sm-12">
												<div class="ibox float-e-margins">
													<div class="ibox-title">
														<h5>订单</h5>
														<div class="pull-right">
															<div class="btn-group">
																<button type="button" class="btn btn-xs btn-white active">天</button>
																<button type="button" class="btn btn-xs btn-white">月</button>
																<button type="button" class="btn btn-xs btn-white">年</button>
															</div>
														</div>
													</div>
													<div class="ibox-content">
														<div class="row">
															<div class="col-sm-9">
																<div class="flot-chart">
																	<div class="flot-chart-content" id="flot-dashboard-chart"></div>
																</div>
															</div>
															<div class="col-sm-3">
																<ul class="stat-list">
																	<li>
																		<h2 class="no-margins">2,346</h2>
																		<small>订单总数</small>
																		<div class="progress progress-mini">
																			<div style="width: 48%;" class="progress-bar"></div>
																		</div>
																	</li>
																	<li>
																		<h2 class="no-margins ">4,422</h2>
																		<small>最近一个月订单</small>
																		<div class="progress progress-mini">
																			<div style="width: 60%;" class="progress-bar"></div>
																		</div>
																	</li>
																	<li>
																		<h2 class="no-margins ">9,180</h2>
																		<small>最近一个月销售额</small>
																		<div class="progress progress-mini">
																			<div style="width: 22%;" class="progress-bar"></div>
																		</div>
																	</li>
																</ul>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<script src="../content/static/js/jquery.min.js?v=2.1.4"></script>
			<script src="../content/static/js/bootstrap.min.js?v=3.3.5"></script>
			<script src="../content/static/js/plugins/flot/jquery.flot.js"></script>
			<script src="../content/static/js/plugins/flot/jquery.flot.tooltip.min.js"></script>
			<script src="../content/static/js/plugins/flot/jquery.flot.spline.js"></script>
			<script src="../content/static/js/plugins/flot/jquery.flot.resize.js"></script>
			<script src="../content/static/js/plugins/flot/jquery.flot.pie.js"></script>
			<script src="../content/static/js/plugins/flot/jquery.flot.symbol.js"></script>
			<script src="../content/static/js/plugins/peity/jquery.peity.min.js"></script>
			<script src="../content/static/js/demo/peity-demo.min.js"></script>
			<script src="../content/static/js/content.min.js?v=1.0.0"></script>
			<script src="../content/static/js/plugins/jquery-ui/jquery-ui.min.js"></script>
			<script src="../content/static/js/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
			<script src="../content/static/js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
			<script src="../content/static/js/plugins/easypiechart/jquery.easypiechart.js"></script>
			<script src="../content/static/js/plugins/sparkline/jquery.sparkline.min.js"></script>
			<script src="../content/static/js/demo/sparkline-demo.min.js"></script>
			<script>
				$(document).ready(function() {
					$(".chart").easyPieChart({
						barColor: "#f8ac59",
						scaleLength: 5,
						lineWidth: 4,
						size: 80
					});
					$(".chart2").easyPieChart({
						barColor: "#1c84c6",
						scaleLength: 5,
						lineWidth: 4,
						size: 80
					});
					var data2 = [
						[gd(2012, 1, 1), 7],
						[gd(2012, 1, 2), 6],
						[gd(2012, 1, 3), 4],
						[gd(2012, 1, 4), 8],
						[gd(2012, 1, 5), 9],
						[gd(2012, 1, 6), 7],
						[gd(2012, 1, 7), 5],
						[gd(2012, 1, 8), 4],
						[gd(2012, 1, 9), 7],
						[gd(2012, 1, 10), 8],
						[gd(2012, 1, 11), 9],
						[gd(2012, 1, 12), 6],
						[gd(2012, 1, 13), 4],
						[gd(2012, 1, 14), 5],
						[gd(2012, 1, 15), 11],
						[gd(2012, 1, 16), 8],
						[gd(2012, 1, 17), 8],
						[gd(2012, 1, 18), 11],
						[gd(2012, 1, 19), 11],
						[gd(2012, 1, 20), 6],
						[gd(2012, 1, 21), 6],
						[gd(2012, 1, 22), 8],
						[gd(2012, 1, 23), 11],
						[gd(2012, 1, 24), 13],
						[gd(2012, 1, 25), 7],
						[gd(2012, 1, 26), 9],
						[gd(2012, 1, 27), 9],
						[gd(2012, 1, 28), 8],
						[gd(2012, 1, 29), 5],
						[gd(2012, 1, 30), 8],
						[gd(2012, 1, 31), 25]
					];
					var data3 = [
						[gd(2012, 1, 1), 800],
						[gd(2012, 1, 2), 500],
						[gd(2012, 1, 3), 600],
						[gd(2012, 1, 4), 700],
						[gd(2012, 1, 5), 500],
						[gd(2012, 1, 6), 456],
						[gd(2012, 1, 7), 800],
						[gd(2012, 1, 8), 589],
						[gd(2012, 1, 9), 467],
						[gd(2012, 1, 10), 876],
						[gd(2012, 1, 11), 689],
						[gd(2012, 1, 12), 700],
						[gd(2012, 1, 13), 500],
						[gd(2012, 1, 14), 600],
						[gd(2012, 1, 15), 700],
						[gd(2012, 1, 16), 786],
						[gd(2012, 1, 17), 345],
						[gd(2012, 1, 18), 888],
						[gd(2012, 1, 19), 888],
						[gd(2012, 1, 20), 888],
						[gd(2012, 1, 21), 987],
						[gd(2012, 1, 22), 444],
						[gd(2012, 1, 23), 999],
						[gd(2012, 1, 24), 567],
						[gd(2012, 1, 25), 786],
						[gd(2012, 1, 26), 666],
						[gd(2012, 1, 27), 888],
						[gd(2012, 1, 28), 900],
						[gd(2012, 1, 29), 178],
						[gd(2012, 1, 30), 555],
						[gd(2012, 1, 31), 993]
					];
					var dataset = [{
						label: "订单数",
						data: data3,
						color: "#1ab394",
						bars: {
							show: true,
							align: "center",
							barWidth: 24 * 60 * 60 * 600,
							lineWidth: 0
						}
					}, {
						label: "付款数",
						data: data2,
						yaxis: 2,
						color: "#464f88",
						lines: {
							lineWidth: 1,
							show: true,
							fill: true,
							fillColor: {
								colors: [{
									opacity: 0.2
								}, {
									opacity: 0.2
								}]
							}
						},
						splines: {
							show: false,
							tension: 0.6,
							lineWidth: 1,
							fill: 0.1
						},
					}];
					var options = {
						xaxis: {
							mode: "time",
							tickSize: [3, "day"],
							tickLength: 0,
							axisLabel: "Date",
							axisLabelUseCanvas: true,
							axisLabelFontSizePixels: 12,
							axisLabelFontFamily: "Arial",
							axisLabelPadding: 10,
							color: "#838383"
						},
						yaxes: [{
							position: "left",
							max: 1070,
							color: "#838383",
							axisLabelUseCanvas: true,
							axisLabelFontSizePixels: 12,
							axisLabelFontFamily: "Arial",
							axisLabelPadding: 3
						}, {
							position: "right",
							clolor: "#838383",
							axisLabelUseCanvas: true,
							axisLabelFontSizePixels: 12,
							axisLabelFontFamily: " Arial",
							axisLabelPadding: 67
						}],
						legend: {
							noColumns: 1,
							labelBoxBorderColor: "#000000",
							position: "nw"
						},
						grid: {
							hoverable: false,
							borderWidth: 0,
							color: "#838383"
						}
					};

					function gd(year, month, day) {
						return new Date(year, month - 1, day).getTime()
					}
					var previousPoint = null,
						previousLabel = null;
					$.plot($("#flot-dashboard-chart"), dataset, options);
					var mapData = {
						"US": 298,
						"SA": 200,
						"DE": 220,
						"FR": 540,
						"CN": 120,
						"AU": 760,
						"BR": 550,
						"IN": 200,
						"GB": 120,
					};
					$("#world-map").vectorMap({
						map: "world_mill_en",
						backgroundColor: "transparent",
						regionStyle: {
							initial: {
								fill: "#e4e4e4",
								"fill-opacity": 0.9,
								stroke: "none",
								"stroke-width": 0,
								"stroke-opacity": 0
							}
						},
						series: {
							regions: [{
								values: mapData,
								scale: ["#1ab394", "#22d6b1"],
								normalizeFunction: "polynomial"
							}]
						},
					})
				});
			</script>
	</body>

</html>
